草庐IT

HTML5 SVG

全部标签

javascript - 用 HTML 字符替换句点

我的一些代码有问题。我输入了一个输入,段落中的文本使用突出显示。.但是,当我添加一个句点以突出显示所有句点时,代码会崩溃并为我提供实际的html代码并随机突出显示。所以我尝试添加一个替换器来更改周期。现在它不会panic,但不会突出显示任何内容。这是我尝试用html字符数(.)替换句点的代码:vari=document.getElementById("Bar").value;varinpu=$.trim(i);varinp=inpu.replace(".",".");varSearchReq=newRegExp("(\\b"+inp+"\\b)","gim");varN

javascript - 读取 HTML 对象标签中的数据

我在服务器上存储了一个文本文件和一个HTML格式的对象,如下所示:如何在Javascript中读取test.txt的内容?到目前为止我所拥有的是:vardata=document.getElementByID("data");但我不知道如何读取对象标签内的HTML文档。 最佳答案 object标签必须向服务器发出单独的请求,然后加载该内容。同时,您的JavaScript已经执行并“错过了公交车”。在object的onload事件中运行您的代码。然后使用.contentDocument.body.childNodes[0].inner

javascript - 在 MediaSource HTML5 中播放 MediaRecorder block ——视频卡住

我有这个简单的代码来获取视频流block并在MediaSource中播放它们。我看到视频,但有时它会停止。它可能会工作几秒钟或几分钟。但最后它在某个时刻停止了。chrome://media-internals/显示没有错误。这里有什么问题吗?navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;varmediaSource=newMediaSource();varconstraints

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - Chrome 和 Firefox 中的 SVG 文本对齐不一致

我正在Leaflet.jsmap上绘制SVG标记图标。图标代表气象站,它们根据风向旋转,并以叠加层的形式显示平均风速。我已经能够让它在Chrome中按预期工作,但文本位置在Firefox中关闭。左边是Chrome(55.0.2883.95),右边是Firefox(50.0.1)。这是我正在使用的自定义Leaflet.Icon类:window.RemoteWind=window.RemoteWind||{};//ThisusesChroma.jstobuildacolorscalewhichisusedforwindspeed.//http://gka.github.io/chroma.

javascript - react-i18next: 在文本中间插入 HTML 标签中的链接

我正在使用react,i18next和react-i18next.我想在文本中间有一些带有HTML链接的可翻译文本,这些文本是在react中插入的,如下所示:Thisismytextwithabeautifullinkinthemiddleofthetext下面的解决方案有效,但问题是我需要在react中插入链接,因此它不能在标签文件中进行硬编码:"my-label":"Thisismytextwithabeautifullinkinthemiddleofthetext"[...]看起来这样好多了:"my-label":"Thisismytextwith{{link}}inthemid

javascript - 水平滚动的 SVG

我正在尝试用D3(https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js)做一个SVG图形,其中条形宽度是手动定义的,并且有一个水平滚动条..我这里有一个工作fiddlehttps://jsfiddle.net/bikrantsharma/zw264tfc/12/我的比例是这样定义的varbarWidth=30,paddingFactor=2.2,responsiveDIVHeight=300,responsiveDIVWidth=tempData.length*barWidth*paddingFactor;varx=d3.

javascript - 将 SVG 'd' 属性正确拆分为标记的正则表达式是什么?

我正在尝试将svg文件中路径标记上的d属性拆分为标记。这个相对简单:d="M2-12C515211927-2C1712-34057"tokens=d.split(/[\s,]/)但这也是一个有效的d属性:d="M2-12C5,15,21,19,27-2C17,12-3,40,5,7"棘手的部分是字母和数字不再分隔,负数仅使用负号作为分隔符。如何创建处理此问题的正则表达式?规则似乎是:在有空格或逗号的地方拆分从字母中拆分数字(并保留“-”与数字)我知道我可以使用环视,例如:tokens=pathdef.split(/(?我在构建一个正则表达式时遇到问题,该正则表达式也在减号上拆分并使减号

javascript - 如何在 Angular 5 组件中有条件地加载 templateUrl html 文件

我的项目中有一个场景,考虑一下,我有一个testDynamic组件@Component({templateUrl:"./test-dynamic.html",//NeedtooverridethisfilestyleUrls:['./test-dynamic.css']})exportclasstestDynamic{constructor(){}}这里需要检查覆盖文件夹中是否存在override1.html文件,然后加载此文件作为templateUrl,否则加载组件默认的test-dynamic.html。知道如何实现这一目标吗?引用下图可以清楚理解 最佳

javascript - 通过 JSON/AJAX 更新 HTML

自从听说JSON以来,我一直在我的Rails应用程序中使用JSON来处理AJAX功能,因为使用RJS/呈现HTML“感觉”是错误的,因为它违反了MVC。我从事的第一个AJAX密集型项目最终有20-30个Controller操作直接绑定(bind)到特定的UI行为,我的View代码分布在Controller操作、部分和rjs文件上。使用JSON允许您在View中保留特定于View的代码,并且仅通过AJAX与View不可知/RESTfulController操作对话以获取所需数据。我在使用纯JSON时发现的一个令人头疼的问题是您必须通过JS“呈现”HTML,对于必须更新DOM-heavy元